import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import Health from '../views/Health.vue'
import Habits from '../views/Habits.vue'
import Skincare from '../views/Skincare.vue'
import Settings from '../views/Settings.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/health',
    name: 'Health',
    component: Health
  },
  {
    path: '/habits',
    name: 'Habits',
    component: Habits
  },
  {
    path: '/skincare',
    name: 'Skincare',
    component: Skincare
  },
  {
    path: '/settings',
    name: 'Settings',
    component: Settings
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router